*{
    margin:0;
    padding: 0;
    list-style: none;
    font-family: 微软雅黑;
}
a{
    text-decoration: none;
}
header{
    width: 100%;
    height: 4rem;
    border-bottom: 1px #e9e9e9 solid;
    position: fixed;
    top:0;
    z-index: 5;
    background: white;
}
header .left{
    float: left;
    width: 5rem;
    height: 3rem;
    line-height: 4rem;
    text-align: center;
}
header .mid{
    width: 13rem;
    height: 3rem;
    float: left;
    line-height: 4rem;
    text-align: center;
}
header .mid img{
    width: 6rem;
    height: 3rem;
}
header .right{
    float: right;
    width: 5rem;
    height: 3rem;
    line-height: 4rem;
    text-align: center;
}
.iconfont{
    font-size: 2rem;
    color: gray;
}
.banner{
    position: relative;
    overflow: hidden;
    margin-top: 4rem;
    z-index: 1}
.banner ul li{width:6.4rem;float:left;position: relative;}
.banner ul li img{width:100%;height: 12rem; display:block;}
.banner ul li .text-box{width:5.8rem; padding:0 0.3rem;height:1.24rem; position:absolute; left:0; bottom:0; color:#fff; background:rgba(0,0,0,0.5);}
.text-box h2{ font-size:0.3rem; font-weight:normal; margin-top:0.22rem; line-height:100%; margin-bottom:0.22rem; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-box p{ line-height:100%;}

.banner ol{position:absolute; right:0.2rem;bottom:0.2rem;}
.banner ol li{width:0.15rem;height:0.15rem; background:#5477b2; float:left; border-radius:50%; margin-right:0.08rem;}
.banner ol li.active{ background:#fff;}
nav{
    padding-left: 0.5rem;
    padding-right:0.5rem;
}
nav .title{
    height: 2rem;
    line-height: 2rem;
}
nav .title .tit-l{
    float: left;
}
nav .title .tit-r{
    float: right;
    color: #666666;
}
nav .box{
    height: 9rem;
    width: 50%;
    float: left;
}
nav .box .dt{
    height: 80%;
    width: 96%;
    position: relative;
}
nav .box .dt img{
    width: 100%;
    height: 100%;
}
nav .box .dt span{
    position: absolute;
    bottom:.5rem;
    left:0.2rem;
    color: whitesmoke;
    font-size: .8rem;
}
nav .box .picName{
    height: 20%;
    width: 95%;
}
.pp{
    height: 100%;
    overflow: hidden;
}
.p-left{
    display: block;
    height: 100%;
    float: left;
    line-height: 100%;
    padding-top: .3rem;
}
.p-right{
    height: 100%;
    display: block;
    line-height: 100%;
    float: right;
    font-size: .7rem;
    color: #666666;
    padding-top: .5rem;
}
footer{
    width: 100%;
    height: 4rem;
    position: fixed;
    bottom: 0;
    overflow: hidden;
    border-top: .1rem #999999 solid;
    background: white;
    z-index: 5;
}
footer ul{
    width: 100%;
    height: 100%;
}
footer ul li{
    float: left;
    width: 25%;
    height: 100%;
    text-align: center;
}
footer ul li .icon-home2,.icon-live_fill,.icon-like_fill,.icon-wode{
    display: block;
    color: #999999;
    margin-top: .5rem;
}
footer ul li span{
    color: #999999;

}
footer ul .chance i{
    color: #f04442;
}
footer ul .chance span{
    color: #f04442;
}